<script setup>
</script>

<template>
<div class="bottom">
  <div class="bottom-top">
    <router-link to="">关于大麦</router-link><b>|</b><router-link to="">协议及隐私权政策</router-link>
    <b>|</b><router-link to="">廉正举报</router-link><b>|</b><router-link to="">联系合作</router-link><b>|</b>
    <router-link to="">招聘信息</router-link><b>|</b><router-link to="">防骗秘籍</router-link>
  </div>
  <div class="bottom-middle">
    <router-link to="/" style="height: 60px;width: 170px;margin-top: 20px">
      <img src="@/a-images/damai2.png" height="60" width="167" alt="大麦"/>
    </router-link>
    <div style="margin-left: 80px;display: flex;flex-direction: column;font-size: 14px">
      <el-button type="danger" round style="width: 100px">在线客服</el-button>
      <a style="margin-top: 10px;margin-left: 10px">2024 北京聚合科技有限公司 版权所有</a>
      <a style="margin-top: 10px;margin-left: 10px">版权所有-聚合科技网Copyright 2023-2024 All Rights Reserved</a>
      <a style="margin-top: 10px;margin-left: 10px">京ICP备23054503号-1 | 京公网安备 11010502032301号</a>
      <a style="margin-top: 10px;margin-left: 10px">京ICP证2023-01号</a>
    </div>
  </div>
</div>
</template>

<style scoped lang="scss">
.bottom-middle {
  display: flex;
  flex-direction: row;
  width: 80%;
  height: calc(100% - 100px);
  margin: 35px auto 0;
}

.bottom {
  width: 100%;
  height: 300px;
  background-color: whitesmoke;

  .bottom-top {
    margin-top: 35px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;

    a {
      margin-left: 20px;
      margin-right: 20px;
      font-size: 14px;
      text-decoration-line: none;
      color: black;
    }

    a:hover {
      text-decoration-line: underline;
      color: deeppink;
    }

    b {
      font-weight: 400;
      font-size: 15px;
    }
  }
}
</style>